import QtQuick
import CustomizedComponents

Window {
    id: root
    width: 1600
    height: 900
    visible: true
    title: "QImgViewer"

    readonly property string resourceBase: "qrc:/qt/qml/Main/"

    Rectangle {
        anchors.fill: parent
        color: "#181818"

        AnimatedImage {
            fillMode: Image.PreserveAspectFit
            height: parent.height * 0.8

            anchors.top: parent.top

            anchors.margins: 20

            source: root.resourceBase + "resources/defaultImg.gif"
        }

        Row {
            anchors.bottom: parent.bottom
            anchors.left: parent.left
            anchors.right: parent.right

            height: 50
            anchors.margins: 20
            spacing: 10
            // alignment: Qt.AlignVCenter

            VSCodeTopBarInput {
                anchors.verticalCenter: parent.verticalCenter
                id: input1
            }

            SvgBtn {
                anchors.verticalCenter: parent.verticalCenter
                anchors.margins: 10
                id: btn1
                svgSource: root.resourceBase + "resources/svg/MaterialSymbolsFolderOpenOutline.svg"
            }

        }

        // VSCodeTopBarInput {
        //     id: input2
        //     anchors.bottom: input1.top
        //     anchors.left: parent.left
        //     anchors.right: parent.right
        //     anchors.margins: 20
        //     height: 40
        // }
    }
}
